mui.plusReady(function() {
	//文章记数
	window.addEventListener('newsId', function(event) {
		cid = event.detail.id;
		$(".list").html('');
		mui.post(http('Api/category/articlelist'), {
			cid: cid
		}, function(data) {
			if (data == '') {
				$(".img").show();
				$(".list-box").hide();
			} else {
				$(".img").hide();
				$(".list-box").show();
				list(data);
			}
		}, 'json');
	})

	//列表开始数据循环
	function list(data) {
		var html = null;
		for (var i in data) {
			html = '<li class="mui-table-view-cell">\
						<a class="mui-navigate-right article" id="' + data[i]['aid'] + '">\
							<img class="mui-media-object mui-pull-left" src="' + http('') + data[i]['thumb'] + '">\
							<div class="mui-media-body">' + data[i]['atitle'] + '<p class="mui-ellipsis">' + data[i]['digest'] + '</p></div>\
						</a></li>';
			$(".list").append(html);
		}
	}

	/**
	 * 上拉刷新
	 */
	var begin = 0;
	mui.init({
		pullRefresh: {
			container: "#refreshContainer", //待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
			up: {
				contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
				contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；
				callback: function() {
					obj = this;
					mui.get(http('articlelist/' + (begin += 5)), {
						cid: cid
					}, function(data) {
						//如果服务器有数据
						if (data.length > 0) {
							list(data);
							//如果还有数据显示上拉显示更多
							obj.endPullupToRefresh(false);
						} else {
							begin = 0;
							//如果没有数据了显示没有更多数据了 
							obj.endPullupToRefresh(true);
						}
					}, 'json');
				}
			}
		}
	});


	//文章点击
	var articlePage = null;
	$(".article").live('tap', function() {
		var id = this.getAttribute('id');
		//获得详情页面
		//预加载内容页
		plus.nativeUI.showWaiting();
		var page = mui.preload({
			url: 'content.html',
			id: 'content.html', //默认使用当前页面的url作为id
			styles: {}, //窗口参数 
			extras: {} //自定义扩展参数
		});
		if (!articlePage) {
			articlePage = plus.webview.getWebviewById('content.html');
		}
		//触发详情页面的newsid事件
		mui.fire(articlePage, 'newsId', {
				id: id
			})
			//打开详情页
		plus.webview.show('content.html', 'zoom-fade-out', 300);
	})



})